import { useEffect } from 'react';
import HeroSection from '../components/HomePage/HeroSection';
import FeaturedArticles from '../components/HomePage/FeaturedArticles';
import LabData from '../components/HomePage/LabData';
import CategoryNavigation from '../components/HomePage/CategoryNavigation';
import NewsWire from '../components/HomePage/NewsWire';
const Home = () => {
  useEffect(() => {
    document.title = 'TronoraHub | Decoding the Next Aura of Technology';
  }, []);
  return <div className="w-full bg-[#0d0d10] min-h-screen">
      <HeroSection />
      <div className="container mx-auto px-4">
        <FeaturedArticles />
        <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-16">
          <div className="lg:col-span-2">
            <LabData />
          </div>
          <div className="h-[435px]">
            <NewsWire />
          </div>
        </div>
        <CategoryNavigation />
      </div>
    </div>;
};
export default Home;